@use 'sass:math';
@use '~@angular/material' as mat;

@import 'src/styles';

.omv-breadcrumb {
  a {
    @include mat.typography-level($omv-typography-config, subheading-2);

    border-bottom: 3px solid $omv-color-transparent;
    color: rgba(0, 0, 0, 0.87);
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;

    &:hover:not(.active) {
      border-bottom: 3px solid $omv-color-accent;
    }

    .mat-icon {
      vertical-align: middle;
    }
  }

  .mat-divider {
    border-color: inherit;
    display: unset;
    margin-left: math.div($omv-margin, 2);
    margin-right: math.div($omv-margin, 2);
  }
}
